import React from 'react'

export default (props: any) => {
    const { navTitle, dataList } = props

    return (
        <div style={{ borderRadius: "8px", backgroundColor: "white", padding: "15px" }}>
            <nav style={{ borderLeft: "4px solid #4685FD", paddingLeft: "6px", fontWeight: 700 }}>{navTitle}</nav>
            <ul style={{ display: "flex", flexWrap: "wrap", padding: 0, margin: "15px 0 0 20px" }}>

                {
                    dataList.map((item: any, inx: number) => {
                        return (
                            <li style={{ width: "32%", marginBottom: "15px" }} key={inx}>
                                <div style={{ color: "rgb(102, 102, 102)" }}>{item.title} {item.jumpUrl !== undefined && <a href="">查看</a>} </div>
                                <div style={{ fontWeight: 600, marginTop: "5px", fontSize: "20px" }}>{item.value}</div>
                            </li>
                        )
                    })
                }
            </ul>
        </div>
    )
}